<div class="widget widget-tabs">
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active">
            <a href="#notice" aria-controls="notice" role="tab" data-toggle="tab">天气</a>
        </li>
        <li role="presentation" class="">
            <a href="#contact" aria-controls="contact" role="tab" data-toggle="tab">联系我们</a>
        </li>
    </ul>
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane contact active" id="notice">
            <h2>
                <span>IP地址:</span>
                <span id="u-ip"></span>
            </h2>
            <h2>
                <i class="fa fa-cloud" aria-hidden="true"></i>
                <span id="u-city" style="margin-right: 8px"></span>
                <span id="u-weather"></span>
            </h2>
        </div>
        <div role="tabpanel" class="tab-pane contact " id="contact">
            <h2>
                QQ群:
                <a href="https://jq.qq.com/?_wv=1027&k=QSLPfgjh"
                   target="_blank" rel="nofollow" data-toggle="tooltip" data-placement="bottom" title=""
                   data-original-title="QQ群:山巅水涯">225303928</a>
            </h2>
            <h2>
                Email:
                <a href="mailto:myxuan@lmissy.cn" target="_blank" data-toggle="tooltip" rel="nofollow"
                   data-placement="bottom" title=""
                   data-original-title="Email:myxuan@lmissy.cn">myxuan@lmissy.cn</a>
            </h2>
        </div>
    </div>
</div>